<!doctype html>
<html class="no-js" lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>首页</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="./static/img/icon/favicon.png">

    <!-- All CSS Files -->
    <!-- Bootstrap fremwork main css -->
    <link rel="stylesheet" href="./static/css/bootstrap.min.css">
    <!-- Nivo-slider css -->
    <link rel="stylesheet" href="./static/lib/css/nivo-slider.css">
    <!-- This core.css file contents all plugings css file. -->
    <link rel="stylesheet" href="./static/css/core.css">
    <!-- Theme shortcodes/elements style -->
    <link rel="stylesheet" href="./static/css/shortcode/shortcodes.css">
    <!-- Theme main style -->
    <link rel="stylesheet" href="./static/style.css">
    <!-- Responsive css -->
    <link rel="stylesheet" href="./static/css/responsive.css">
    <!-- User style -->
    <link rel="stylesheet" href="./static/css/custom.css">

    <!-- Style customizer (Remove these two lines please) -->
    <link rel="stylesheet" href="./static/css/style-customizer.css">
    <link href="#" data-style="styles" rel="stylesheet">

    <!-- Modernizr JS -->
    <script src="./static/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">您正在使用<strong>过时的</strong>浏览器. 请<a href="http://browsehappy.com/">升级您的浏览器</a>来改善您的体验。</p>
<![endif]-->

<div class="wrapper">
    <header class="header-area header-wrapper header-2">
        <div id="sticky-header" class="header-middle-area plr-185">
            <div class="container-fluid">
                <div class="full-width-mega-dropdown">
                    <div class="row">
                        <div class="col-lg-2 col-md-4">
                            <div class="logo">
                                <a href="base.html">
                                    <img src="./static/img/logo/logo.png" alt="main logo">
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-8 d-none d-lg-block">
                            <nav id="primary-menu">
                                <ul class="main-menu text-center">
                                    <li><a href="base.html">首页</a></li>
                                    <li class="mega-parent"><a href="#">元素</a></li>
                                    <li class="mega-parent"><a href="#">商品</a></li>
                                    <li class="mega-parent"><a href="#">页面</a>
                                        <div class="mega-menu-area mega-menu-area-2 clearfix">
                                            <div class="mega-menu-link mega-menu-link-2  f-left">
                                                <ul class="single-mega-item">
                                                    <li class="menu-title">页面 列表</li>
                                                    <li>
                                                        <a href="#">页面一</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">页面二</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">页面三</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">页面四</a>
                                                    </li>
                                                </ul>
                                                <ul class="single-mega-item">
                                                    <li class="menu-title">页面 列表</li>
                                                    <li>
                                                        <a href="#">页面一</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">页面二</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">页面三</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">页面四</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#">关于我们</a>
                                    </li>
                                    <li>
                                        <a href="#">联系我们</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="col-lg-2 col-md-8">
                            <nav class="f-right">
                                <ul class="main-menu text-right">
                                    <li class="mega-parent"><a href="#">加盟</a>
                                        <ul class="dropdwn">
                                            <li>
                                                <a href="#">登陆</a>
                                            </li>
                                            <li>
                                                <a href="#">加盟申请</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div class="mobile-menu-area d-block d-lg-none section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="mobile-menu">
                        <nav id="dropdown">
                            <ul>
                                <li><a href="base.html">首页</a></li>
                                <li><a href="#">元素</a></li>
                                <li><a href="#">商品</a></li>
                                <li><a href="#">页面</a>
                                    <ul>
                                        <li>
                                            <a href="#">页面一</a>
                                        </li>
                                        <li>
                                            <a href="#">页面二</a>
                                        </li>
                                        <li>
                                            <a href="#">页面三</a>
                                        </li>
                                        <li>
                                            <a href="#">页面四</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END MOBILE MENU AREA -->

    <!-- START SLIDER AREA -->
    <div class="slider-area slider-2 section">
        <div class="bend niceties preview-2">
            <div id="nivoslider-2" class="slides">
                <img src="./static/img/slider/slider-2/slider-1.jpg" alt="" title="#slider-direction-1"/>
                <img src="./static/img/slider/slider-2/slider-1.jpg" alt="" title="#slider-direction-2"/>
                <img src="./static/img/slider/slider-2/slider-1.jpg" alt="" title="#slider-direction-3"/>
                <img src="./static/img/slider/slider-2/slider-1.jpg" alt="" title="#slider-direction-4"/>
                <img src="./static/img/slider/slider-2/slider-1.jpg" alt="" title="#slider-direction-5"/>
            </div>
            <!-- ===== direction 1 ===== -->
            <div id="slider-direction-1" class="slider-direction">
                <div class="slider-content-1">
                    <div class="title-container">
                        <div class="wow rotateInDownLeft" data-wow-duration="2s" data-wow-delay="0.5s">
                            <h6 class="slider2-title-1">最优惠的价格 : ¥998</h6>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
                            <h1 class="slider2-title-2">新的智能手机</h1>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
                            <h2 class="slider2-title-3">三星grand 6</h2>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2s">
                            <p class="slider2-title-4">S6采用bai金du与玻璃材质精工打造zhi。其玻璃机dao身采用了目前zhuan制作工艺难度最高的shu第四代康宁大猩猩属玻璃，并提供了包括白、黑、金、蓝在内的多种色调选择。.</p>
                        </div>
                        <div class="slider-button wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.5s">
                            <a href="#" class="button extra-small button-black">
                                <span class="text-uppercase">现在购买</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- layer 1 -->
                <div class="slider-content-1-image">
                    <div class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
                        <div class="layer-1-1">
                            <img src="./static/img/slider/slider-2/layer-1.png" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ===== direction 2 ===== -->
            <div id="slider-direction-2" class="slider-direction">
                <div class="slider-content-2">
                    <div class="title-container">
                        <div class="wow rotateInDownLeft" data-wow-duration="2s" data-wow-delay="0.5s">
                            <h6 class="slider2-title-1">最优惠的价格 : ¥998</h6>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
                            <h1 class="slider2-title-2">新的智能手机</h1>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
                            <h2 class="slider2-title-3">某某某手机</h2>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2s">
                            <p class="slider2-title-4">S6采用bai金du与玻璃材质精工打造。其玻璃机身采用了目前制作工艺难度最高的第四代康宁大猩猩属玻璃，并提供了包括白、黑、金、蓝在内的多种色调选择。.</p>
                        </div>
                        <div class="slider-button wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.5s">
                            <a href="#" class="button extra-small button-black">
                                <span class="text-uppercase">现在购买</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- layer 1 -->
                <div class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
                    <div class="layer-1-1 layer-2-1">
                        <img src="./static/img/slider/slider-2/layer-2.png" alt=""/>
                    </div>
                </div>
            </div>
            <!-- ===== direction 3 ===== -->
            <div id="slider-direction-3" class="slider-direction">
                <div class="slider-content-1">
                    <div class="title-container">
                        <div class="wow rotateInDownLeft" data-wow-duration="2s" data-wow-delay="0.5s">
                            <h6 class="slider2-title-1">最优惠的价格 : ¥998</h6>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
                            <h1 class="slider2-title-2">新的智能手机</h1>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
                            <h2 class="slider2-title-3">三星grand 6</h2>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2s">
                            <p class="slider2-title-4">S6采用bai金du与玻璃材质精工打造。其玻璃机身采用了目前制作工艺难度最高的第四代康宁大猩猩属玻璃，并提供了包括白、黑、金、蓝在内的多种色调选择。.</p>
                        </div>
                        <div class="slider-button wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.5s">
                            <a href="#" class="button extra-small button-black">
                                <span class="text-uppercase">现在购买</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- layer 1 -->
                <div class="slider-content-1-image">
                    <div class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
                        <div class="layer-1-1">
                            <img src="./static/img/slider/slider-2/layer-1.png" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ===== direction 4 ===== -->
            <div id="slider-direction-4" class="slider-direction">
                <div class="slider-content-2">
                    <div class="title-container">
                        <div class="wow rotateInDownLeft" data-wow-duration="2s" data-wow-delay="0.5s">
                            <h6 class="slider2-title-1">最优惠的价格 : ¥998</h6>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
                            <h1 class="slider2-title-2">新的智能手机</h1>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
                            <h2 class="slider2-title-3">三星grand 6</h2>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2s">
                            <p class="slider2-title-4">S6采用bai金du与玻璃材质精工打造zhi。其玻璃机dao身采用了目前zhuan制作工艺难度最高的shu第四代康宁大猩猩属玻璃，并提供了包括白、黑、金、蓝在内的多种色调选择。.</p>
                        </div>
                        <div class="slider-button wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.5s">
                            <a href="#" class="button extra-small button-black">
                                <span class="text-uppercase">现在购买</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- layer 1 -->
                <div class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
                    <div class="layer-1-1 layer-2-1">
                        <img src="./static/img/slider/slider-2/layer-2.png" alt=""/>
                    </div>
                </div>
            </div>
            <!-- ===== direction 5 ===== -->
            <div id="slider-direction-5" class="slider-direction">
                <div class="slider-content-1">
                    <div class="title-container">
                        <div class="wow rotateInDownLeft" data-wow-duration="2s" data-wow-delay="0.5s">
                            <h6 class="slider2-title-1">最优惠的价格 : ¥998</h6>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
                            <h1 class="slider2-title-2">新的智能手机</h1>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
                            <h2 class="slider2-title-3">三星grand 6</h2>
                        </div>
                        <div class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2s">
                            <p class="slider2-title-4">S6采用bai金du与玻璃材质精工打造zhi。其玻璃机dao身采用了目前zhuan制作工艺难度最高的shu第四代康宁大猩猩属玻璃，并提供了包括白、黑、金、蓝在内的多种色调选择。.</p>
                        </div>
                        <div class="slider-button wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.5s">
                            <a href="#" class="button extra-small button-black">
                                <span class="text-uppercase">现在购买</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- layer 1 -->
                <div class="slider-content-1-image">
                    <div class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
                        <div class="layer-1-1">
                            <img src="./static/img/slider/slider-2/layer-1.png" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ==== -->
        </div>
    </div>
    <!-- END SLIDER AREA -->

    <!-- START PAGE CONTENT -->
    <section id="page-content" class="page-wrapper section">

        <!-- BANNER-SECTION START -->
        <div class="banner-section ptb-60">
            <div class="container">
                <div class="row">
                    <!-- banner-item start -->
                    <div class="col-lg-4 col-md-6">
                        <div class="banner-item banner-2">
                            <div class="banner-img">
                                <a href="#"><img src="./static/img/banner/2.jpg" alt=""></a>
                            </div>
                            <h3 class="banner-title-2"><a href="#">索尼智能手机</a></h3>
                            <h3 class="pro-price">¥ 869.00</h3>
                            <div class="banner-button">
                                <a href="#">点击查看<i class="zmdi zmdi-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <!-- banner-item end -->
                    <!-- banner-item start -->
                    <div class="col-lg-4 col-md-6">
                        <div class="banner-item banner-3">
                            <div class="banner-img">
                                <a href="#"><img src="./static/img/banner/3.jpg" alt=""></a>
                            </div>
                            <div class="banner-info">
                                <h3 class="banner-title-2"><a href="#">商品名称</a></h3>
                                <ul class="banner-featured-list">
                                    <li>
                                        <i class="zmdi zmdi-check"></i><span>Lorem ipsum dolor</span>
                                    </li>
                                    <li>
                                        <i class="zmdi zmdi-check"></i><span>amet, consectetur</span>
                                    </li>
                                    <li>
                                        <i class="zmdi zmdi-check"></i><span>adipisicing elitest,</span>
                                    </li>
                                    <li>
                                        <i class="zmdi zmdi-check"></i><span>eiusmod tempor</span>
                                    </li>
                                    <li>
                                        <i class="zmdi zmdi-check"></i><span>labore et dolore.</span>
                                    </li>
                                </ul>
                                <div class="banner-button">
                                    <a href="#">发现 <i class="zmdi zmdi-long-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- banner-item end -->
                    <!-- banner-item start -->
                    <div class="col-lg-4 col-md-6 d-block d-md-none d-lg-block">
                        <div class="banner-item banner-4">
                            <div class="banner-img">
                                <a href="#"><img src="./static/img/banner/4.jpg" alt=""></a>
                            </div>
                            <h3 class="banner-title-2"><a href="#">IPhone 7</a></h3>
                            <div class="banner-button">
                                <a href="#">点击查看<i class="zmdi zmdi-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <!-- banner-item end -->
                </div>
            </div>
        </div>
        <!-- BANNER-SECTION END -->

        <!-- FEATURED PRODUCT SECTION START -->
        <div class="featured-product-section section-bg-tb pt-80 pb-55">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title text-left mb-20">
                            <h2 class="uppercase">新产品</h2>
                            <h6>品牌、商品多种多样</h6>
                        </div>
                    </div>
                </div>
                <div class="featured-product">
                    <div class="row active-featured-product slick-arrow-2">
                        <!-- product-item start -->
                        <div class="col-lg-12">
                            <div class="product-item product-item-2">
                                <div class="product-img">
                                    <a href="#">
                                        <img src="./static/img/product-2/1.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="product-info">
                                    <h6 class="product-title">
                                        <a href="#">商品名称</a>
                                    </h6>
                                    <h6 class="brand-name">品牌名称</h6>
                                    <h3 class="pro-price">¥ 869.00</h3>
                                </div>
                                <ul class="action-button">
                                    <li>
                                        <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="zmdi zmdi-zoom-in"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- product-item end -->
                        <!-- product-item start -->
                        <div class="col-lg-12">
                            <div class="product-item product-item-2">
                                <div class="product-img">
                                    <a href="#">
                                        <img src="./static/img/product-2/2.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="product-info">
                                    <h6 class="product-title">
                                        <a href="#">商品名称</a>
                                    </h6>
                                    <h6 class="brand-name">品牌名称</h6>
                                    <h3 class="pro-price">¥ 869.00</h3>
                                </div>
                                <ul class="action-button">
                                    <li>
                                        <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="zmdi zmdi-zoom-in"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- product-item end -->
                        <!-- product-item start -->
                        <div class="col-lg-12">
                            <div class="product-item product-item-2">
                                <div class="product-img">
                                    <a href="#">
                                        <img src="./static/img/product-2/3.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="product-info">
                                    <h6 class="product-title">
                                        <a href="#">商品名称</a>
                                    </h6>
                                    <h6 class="brand-name">品牌名称</h6>
                                    <h3 class="pro-price">¥ 869.00</h3>
                                </div>
                                <ul class="action-button">
                                    <li>
                                        <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="zmdi zmdi-zoom-in"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- product-item end -->
                        <!-- product-item start -->
                        <div class="col-lg-12">
                            <div class="product-item product-item-2">
                                <div class="product-img">
                                    <a href="#">
                                        <img src="./static/img/product-2/4.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="product-info">
                                    <h6 class="product-title">
                                        <a href="#">商品名称</a>
                                    </h6>
                                    <h6 class="brand-name">品牌名称</h6>
                                    <h3 class="pro-price">¥ 869.00</h3>
                                </div>
                                <ul class="action-button">
                                    <li>
                                        <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="zmdi zmdi-zoom-in"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- product-item end -->
                        <!-- product-item start -->
                        <div class="col-lg-12">
                            <div class="product-item product-item-2">
                                <div class="product-img">
                                    <a href="#">
                                        <img src="./static/img/product-2/3.jpg" alt=""/>
                                    </a>
                                </div>
                                <div class="product-info">
                                    <h6 class="product-title">
                                        <a href="#">商品名称</a>
                                    </h6>
                                    <h6 class="brand-name">品牌名称</h6>
                                    <h3 class="pro-price">¥ 869.00</h3>
                                </div>
                                <ul class="action-button">
                                    <li>
                                        <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="zmdi zmdi-zoom-in"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                    </li>
                                    <li>
                                        <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- product-item end -->
                    </div>
                </div>
            </div>
        </div>
        <!-- FEATURED PRODUCT SECTION END -->

        <!-- UP COMMING PRODUCT SECTION START -->
        <div class="up-comming-product-section ptb-60">
            <div class="container">
                <div class="row">
                    <!-- up-comming-pro -->
                    <div class="col-lg-8">
                        <div class="up-comming-pro gray-bg up-comming-pro-2 clearfix">
                            <div class="up-comming-pro-img f-left">
                                <a href="#">
                                    <img src="./static/img/up-comming/2.jpg" alt="">
                                </a>
                            </div>
                            <div class="up-comming-pro-info f-left">
                                <h3><a href="#">预售商品名称</a></h3>
                                <p>商品描述文字 </p>
                                <div class="up-comming-time-2 clearfix">
                                    <div data-countdown="2022/01/15"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 d-block d-md-none d-lg-block">
                        <div class="banner-item banner-1">
                            <div class="ribbon-price">
                                <span>¥ 896.00</span>
                            </div>
                            <div class="banner-img">
                                <a href="#"><img src="./static/img/banner/1.jpg" alt=""></a>
                            </div>
                            <div class="banner-info">
                                <h3><a href="#">商品名称</a></h3>
                                <ul class="banner-featured-list">
                                    <li>
                                        <i class="zmdi zmdi-check"></i><span>Lorem ipsum dolor</span>
                                    </li>
                                    <li>
                                        <i class="zmdi zmdi-check"></i><span>amet, consectetur</span>
                                    </li>
                                    <li>
                                        <i class="zmdi zmdi-check"></i><span>adipisicing elitest,</span>
                                    </li>
                                    <li>
                                        <i class="zmdi zmdi-check"></i><span>eiusmod tempor</span>
                                    </li>
                                    <li>
                                        <i class="zmdi zmdi-check"></i><span>labore et dolore.</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- UP COMMING PRODUCT SECTION END -->

        <!-- PRODUCT TAB SECTION START -->
        <div class="product-tab-section section-bg-tb pt-80 pb-55">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="section-title text-left mb-40">
                            <h2 class="uppercase">商品列表</h2>
                            <h6>品牌的渠道有很多变化,</h6>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="product-tab pro-tab-menu pro-tab-menu-2 text-right">
                            <!-- Nav tabs -->
                            <ul class="nav">
                                <li><a class="active" href="#popular-product" data-toggle="tab">人气商品</a></li>
                                <li><a href="#new-arrival" data-toggle="tab">新品到货</a></li>
                                <li><a href="#best-seller" data-toggle="tab">畅销</a></li>
                                <li><a href="#special-offer" data-toggle="tab">特价</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Tab panes -->
                <div class="tab-content">
                    <!-- popular-product start -->
                    <div id="popular-product" class="tab-pane active show">
                        <div class="row">
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/5.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/2.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/6.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/3.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/4.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/1.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/7.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/4.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                        </div>
                    </div>
                    <!-- popular-product end -->
                    <!-- new-arrival start -->
                    <div id="new-arrival" class="tab-pane" role="tabpanel">
                        <div class="row">
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/7.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/6.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/5.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/4.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/3.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/2.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/1.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/7.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                        </div>
                    </div>
                    <!-- new-arrival end -->
                    <!-- best-seller start -->
                    <div id="best-seller" class="tab-pane" role="tabpanel">
                        <div class="row">
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/1.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/4.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/7.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/5.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/6.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/2.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/3.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/4.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                        </div>
                    </div>
                    <!-- best-seller end -->
                    <!-- special-offer start -->
                    <div id="special-offer" class="tab-pane" role="tabpanel">
                        <div class="row">
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/3.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/1.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/2.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/4.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/5.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/6.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/7.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                            <!-- product-item start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="product-item product-item-2">
                                    <div class="product-img">
                                        <a href="#">
                                            <img src="./static/img/product-2/3.jpg" alt=""/>
                                        </a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="product-title">
                                            <a href="#">商品名称</a>
                                        </h6>
                                        <h6 class="brand-name">品牌名称</h6>
                                        <h3 class="pro-price">¥ 869.00</h3>
                                    </div>
                                    <ul class="action-button">
                                        <li>
                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" data-toggle="modal" data-target="#productModal" title="Quickview"><i
                                                class="zmdi zmdi-zoom-in"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" title="Add to cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- product-item end -->
                        </div>
                    </div>
                    <!-- special-offer end -->
                </div>
            </div>
        </div>
        <!-- PRODUCT TAB SECTION END -->

        <!-- BLOG SECTION START -->
        <div class="blog-section-2 pt-80 pb-55 section-bg-tb">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title text-left mb-40">
                            <h2 class="uppercase">最新博客</h2>
                            <h6>最新博客,</h6>
                        </div>
                    </div>
                </div>
                <div class="blog">
                    <div class="row active-blog-2">
                        <!-- blog-item start -->
                        <div class="col-lg-12">
                            <div class="blog-item-2">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="blog-image">
                                            <a href="#"><img src="./static/img/blog/4.jpg" alt=""></a>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="blog-desc">
                                            <h5 class="blog-title-2"><a href="#">标题</a></h5>
                                            <p>这里是正文</p>
                                            <div class="read-more">
                                                <a href="#">阅读更多</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- blog-item end -->
                        <!-- blog-item start -->
                        <div class="col-lg-12">
                            <div class="blog-item-2">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="blog-image">
                                            <a href="#"><img src="./static/img/blog/5.jpg" alt=""></a>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="blog-desc">
                                            <h5 class="blog-title-2"><a href="#">标题</a></h5>
                                            <p>这里是正文</p>
                                            <div class="read-more">
                                                <a href="#">阅读更多</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- blog-item end -->
                        <!-- blog-item start -->
                        <div class="col-lg-12">
                            <div class="blog-item-2">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="blog-image">
                                            <a href="#"><img src="./static/img/blog/4.jpg" alt=""></a>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="blog-desc">
                                            <h5 class="blog-title-2"><a href="#">标题</a></h5>
                                            <p>这里是正文</p>
                                            <div class="read-more">
                                                <a href="#">阅读更多</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- blog-item end -->
                    </div>
                </div>
            </div>
        </div>
        <!-- BLOG SECTION END -->

        <!-- NEWSLETTER SECTION START -->
        <div class="newsletter-section section-bg-tb pt-60 pb-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 offset-lg-2">
                        <div class="newsletter">
                            <div class="newsletter-info text-center">
                                <h2 class="newsletter-title">获取时事通讯</h2>
                                <p>确保您永远不会错过我们的有趣消息 <br class="hidden-xs">通过加入我们的新闻通讯计划.</p>
                            </div>
                            <div class="subcribe clearfix">
                                <form action="#">
                                    <input type="text" name="email" placeholder="请输入你的邮件地址..."/>
                                    <button class="submit-btn-2 btn-hover-2" type="submit">订阅</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- NEWSLETTER SECTION END -->
    </section>
    <!-- END PAGE CONTENT -->

    <!-- START FOOTER AREA -->
    <footer id="footer" class="footer-area footer-2 section">
        <div class="footer-top footer-top-2 text-center ptb-60">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-logo">
                            <img src="./static/img/logo/logo.png" alt="">
                        </div>
                        <ul class="footer-menu-2">
                            <li><a href="#">首页</a></li>
                            <li><a href="#">产品</a></li>
                            <li><a href="#">博客</a></li>
                            <li><a href="#">页面</a></li>
                            <li><a href="#">关于我们</a></li>
                            <li><a href="#">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom footer-bottom-2 text-center gray-bg">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-5">
                        <div class="copyright-text copyright-text-2">
                            <p class="copy-text">
                                © 2021 <strong>Subas</strong> Made With <i class="zmdi zmdi-favorite" style="color: red;" aria-hidden="true"></i> By
                                <a class="company-name" href="#">
                                    <strong> HasThemes</strong></a>.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- END FOOTER AREA -->

    <!--style-customizer start -->
    <div class="style-customizer closed">
        <div class="buy-button">
            <a href="index.html" class="customizer-logo"><img src="./static/images/logo/logo.png" alt="Theme Logo"></a>
            <a class="opener" href="#"><i class="zmdi zmdi-settings"></i></a>
        </div>
        <div class="clearfix content-chooser">
            <h3>布局设置</h3>
            <p>您要使用哪个布局选项?</p>
            <ul class="layoutstyle clearfix">
                <li class="wide-layout selected" data-style="wide" title="wide"> 宽的</li>
                <li class="boxed-layout" data-style="boxed" title="boxed"> 盒子</li>
            </ul>
            <h3>配色方案</h3>
            <p>您要使用哪种主题颜色？ 从这里选择。</p>
            <ul class="styleChange clearfix">
                <li class="skin-default selected" title="skin-default" data-style="skin-default"></li>
                <li class="skin-green" title="green" data-style="skin-green"></li>
                <li class="skin-purple" title="purple" data-style="skin-purple"></li>
                <li class="skin-blue" title="blue" data-style="skin-blue"></li>
                <li class="skin-cyan" title="cyan" data-style="skin-cyan"></li>
                <li class="skin-amber" title="amber" data-style="skin-amber"></li>
                <li class="skin-blue-grey" title="blue-grey" data-style="skin-blue-grey"></li>
                <li class="skin-teal" title="teal" data-style="skin-teal"></li>
            </ul>
            <h3>背景图案</h3>
            <p>您要使用哪种背景图案?</p>
            <ul class="patternChange clearfix">
                <li class="pattern-1" data-style="pattern-1" title="pattern-1"></li>
                <li class="pattern-2" data-style="pattern-2" title="pattern-2"></li>
                <li class="pattern-3" data-style="pattern-3" title="pattern-3"></li>
                <li class="pattern-4" data-style="pattern-4" title="pattern-4"></li>
                <li class="pattern-5" data-style="pattern-5" title="pattern-5"></li>
                <li class="pattern-6" data-style="pattern-6" title="pattern-6"></li>
                <li class="pattern-7" data-style="pattern-7" title="pattern-7"></li>
                <li class="pattern-8" data-style="pattern-8" title="pattern-8"></li>
            </ul>
            <h3>背景图片</h3>
            <p>您要使用哪个背景图像?</p>
            <ul class="patternChange main-bg-change clearfix">
                <li class="main-bg-1" data-style="main-bg-1" title="Background 1"><img src="./static/images/customizer/bodybg/01.jpg" alt=""></li>
                <li class="main-bg-2" data-style="main-bg-2" title="Background 2"><img src="./static/images/customizer/bodybg/02.jpg" alt=""></li>
                <li class="main-bg-3" data-style="main-bg-3" title="Background 3"><img src="./static/images/customizer/bodybg/03.jpg" alt=""></li>
                <li class="main-bg-4" data-style="main-bg-4" title="Background 4"><img src="./static/images/customizer/bodybg/04.jpg" alt=""></li>
                <li class="main-bg-5" data-style="main-bg-5" title="Background 5"><img src="./static/images/customizer/bodybg/05.jpg" alt=""></li>
                <li class="main-bg-6" data-style="main-bg-6" title="Background 6"><img src="./static/images/customizer/bodybg/06.jpg" alt=""></li>
                <li class="main-bg-7" data-style="main-bg-7" title="Background 7"><img src="./static/images/customizer/bodybg/07.jpg" alt=""></li>
                <li class="main-bg-8" data-style="main-bg-8" title="Background 8"><img src="./static/images/customizer/bodybg/08.jpg" alt=""></li>
            </ul>
            <ul class="resetAll">
                <li><a class="button button-border button-reset" href="#">重置全部</a></li>
            </ul>
        </div>
    </div>
</div>

<script src="./static/js/vendor/jquery-3.1.1.min.js"></script>
<script src="./static/js/popper.min.js"></script>
<script src="./static/js/bootstrap.min.js"></script>
<script src="./static/lib/js/jquery.nivo.slider.js"></script>
<script src="./static/js/plugins.js"></script>
<script src="./static/js/main.js"></script>

</body>

</html>
